/*头部样式*/
.out-head{background: #ececec;}
.head{width: 1100px;margin: 0 auto;}
.k3{font:400 12px/24px "Microsoft YaHei";color:#747474;}
.k1{font:400 12px/24px "Microsoft YaHei";color:#747474;}
.k1 a{color:#747474;}
.head a:hover{color:#0e6fda;}


#header{width:1100px;margin:0 auto;height: 88px;overflow: hidden;}
.top{}
.logo{float:left;padding-top: 12px;}
.k2{background: url(../image/phone.png) no-repeat left;font:600 28px/32px "Microsoft YaHei";color:#424242;padding-left: 40px;margin-top: 26px;}


.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../image/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

#menu{background: #0e6fda}

/*热门搜索*/
.out-ss{width: 1130px;margin: 0 auto;margin-top: 33px;}
.search{text-align:left;width: 478px;float: left;}
#formsearch{width:478px;float:left;background: url(../image/ss.jpg) no-repeat;height: 60px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}



/*模拟select弹出框*/
.searchs {position:relative;
    display: inline-block;z-index:99999;
    float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px;
}
.option_g {
    display: none;border: 1px solid #c8c8c8;border-top:none;background:#fff;
}

.option_g li{color:#fff;font-size:12px;line-height:22px;color:#000;}
.option_g li:hover{background:#3480ce;color:#fff;}


.fri_link a:nth-child(5){display:none;}
.fri_link a:nth-child(6){display:none;}
.fri_link a:nth-child(4){display:none;}
.fri_link a:nth-child(7){display:none;}
.iabout_b{ float:left; width:100%;}
.iabout_b .img_b{float:left; height:353px; width:470px; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin:33px 0 0}
.iabout_b .abr{ float:left; width:540px; padding: 0 0 0 45px;height: 368px;overflow: hidden;}
.iabout_b .info_b{float:left; width:540px; margin:40px 0 0;   text-align:left; padding-top:8px; line-height:30px; font-size:16px; color:#333333;  }
.iabout_b .atitle{ display:block; margin:60px 0 0; padding:0 0 0 20px; text-align:left; background:url(../image/d2.png) left center no-repeat;}
.iabout_b .atitle span{display:block;font-size:20px; color:#0a2966; }
.iabout_b .atitle font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}
.iabout_b .more{display:block; width:158px; height:38px; line-height:38px; text-align:center; border:1px solid #cbced7; color:#0a2966; font-size:14px;  margin:20px 0 0 }




.itl_t{text-align: center;width: 100%;background:url(../image/d3.png) repeat-x left center; margin:0px 0 35px; height:59px; padding: 0 0;}
.itl_t .tff{ float:left; height:56px; padding:0 20px 0 20px; }
.itl_t span{display:block;font-size:20px; color:#fff; line-height:1 }
.itl_t font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#fff;text-transform: uppercase; line-height:56px}
.izao_amore{ float:right; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0}
.izao_amore a{color:#fff;}
.icase{width: 100%;height:1050px; background: url(../image/c1.jpg) no-repeat center;}
.wl{width:1100px; margin:0 auto; position:relative;margin-top: 0px;}
.wll{width:1100px; margin:0 auto; position:relative;margin-top: 70px;}
.circle_bg{ height:402px; margin:52px 0 0}
.mr_frbox{float: left;width: 100%;height: 402px;position: relative;}
.mr_frBtnL{cursor:pointer;display:inline;top: 190px;left:-70px;position: absolute;}
.mr_frBtnR{cursor:pointer;top: 190px;right: -70px;position: absolute;}
.mr_frUl{ margin:0 auto;width: 1098px; border-left:1px solid #7cbaff;border-right:1px solid #7cbaff;overflow: hidden;}
.tempWrap ul{height:402px;overflow: hidden;	}
.tempWrap{width: 1098px; }
.icase li{width: 365px;float: left;height: 402px; border-right:1px solid #7cbaff}
.icase li a.img{ float:left; margin:18px 0 0; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.icase li a.img img{width:365px; height:275px; }
.icase li h2{float:left; width:92%; padding:0 4%; margin:25px 0 0; text-align:left;font-size: 20px;color: #ffffff;line-height: 35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.icase li a.wrr:hover h2{ color:#ffc231}
.icase li span{ font-size:13px;float:left; width:92%; padding:0 4%; color:#ffffff; line-height:24px;}



.pro_bg{width:100%; margin:0px auto 0; height:710px;background:url(../image/chbj.jpg) no-repeat center center;     background-size: 100%;}
.pro_b{width:238px; border:1px solid #dddddd; float:left; background:#fff; }
.pro_b h4{ color:#4c556f; font-size:18px; height:60px; padding:21px 0 0 59px; width:137px; border-bottom:1px solid #eaeaea; margin:0 auto; line-height:1;font-weight:normal;}
.pro_b h4 i{ font-style:normal; font-size:11px; text-transform:uppercase;}
.pro_b ul{float:left; width:238px;}
.pro_b li{padding:9px 15px 9px 55px; font-size:14px; color:#2e2e2e; background:url(../image/cp04.png) no-repeat 34px center; font-family:"Microsoft YaHei";height:32px; line-height:32px; overflow:hidden;  overflow:hidden; cursor:pointer; border-left:#fff solid 4px;}
.pro_b li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px; line-height:32px; color:#4c4c4c;}
.pro_b li a:hover{ color:#0056aa; }
.pro_imgsbg{width:100%; margin:0 auto; padding:0 0 0}
.product08{ overflow:auto; margin-top:17px; outline:none}
.pro_imgsbg dl{ float:left; width:30%; height:329px; margin: 0 5px 26px 25px; overflow:hidden; background:#f6f6f6; color:#2e2e2e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl:hover{ background:#ffc231;}
.pro_imgsbg dl dt{ width:323px; height:173px; overflow:hidden; border:#f6f6f6 solid 8px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl dt img{width: 323px;height: 173px;}
.pro_imgsbg dl dt a{ float:left; width:100%; height:173px; display:block; background-position:center; background-repeat:no-repeat; background-size: auto 100%; background-color:#fff;}
.pro_imgsbg dl:hover dt{ border:#ffc231 solid 8px;}
.pro_imgsbg dl dd{color:#2e2e2e; text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl dd .tt{ display:block; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:20px;}
.pro_imgsbg dl:hover .tt{ color:#fff;}
.pro_imgsbg dl dd span{ padding:10px 10px 0; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: font-size:13px;}
.pro_imgsbg dl:hover dd{ color:#fff;}
.pro_imgsbg dl dd .mm{ display:block; margin:20px auto 0; width:128px; height:34px; text-align:center; border:1px solid #e3e3e3; line-height:34px; color:#2e2e2e; font-size:16px;}
.pro_imgsbg dl:hover .mm{border:1px solid #fff; color:#fff;}




.newsb_b{width:100%; margin:0 auto; height:740px; background:url(../image/newbj.jpg) no-repeat center top; }
.itl_t1{text-align: center;width: 100%;background:url(../image/d3.png) repeat-x left center; margin:0px 0 33px; height:56px; padding: 0 0}
.itl_t1 .tff{ float:left; background:url(../image/d2.png) left center no-repeat #fff;height:56px; padding:0 20px 0 20px; }
.itl_t1 span{display:block;font-size:20px; color:#0a2966; line-height:1 }
.itl_t1 font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:56px}
.izao_amore1{ float:right; color:#0a2966; font-family:Arial, Helvetica, sans-serif; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0}
.newsb_b .r_b{fl/oat:left; width:103%; margin:50px auto 0; }
.newsb_b .r_b .itemb{ float:left; width:337px;  margin:0 40px 40px 0;}
.newsb_b .r_b .itemb label{ display:block; padding:0 10px; border-bottom:1px solid #9fa0a2; color:#666; font-size:16px; line-height:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsb_b .r_b .itemb .info_b{ display:block; padding:0 10px; }
.newsb_b .r_b .itemb .info_b .title{font-size:18px; line-height:30px; color:#333; padding-top:13px;}
.newsb_b .r_b .itemb .info_b .intro{font-size:12px; line-height:20px; height:60px; overflow:hidden; color:#666; padding-top:10px;}
.newsb_b .r_b .itemb:hover .info_b .title{color:#666;}
.newsb_b .r_b .itemb span{ width:118px; height:34px; border:1px solid #999; line-height:34px; text-align:center; display:block; margin:15px 10px 0; color:#666}



.contact{ position:relative; height:494px; margin-top:-100px;background:url(../image/lx01.jpg) no-repeat bottom center;}
.contact01{ position:absolute; border-top:#f1b11a solid 4px; top:0; left:50%; margin-left:-550px; width:240px; height:490px; /*background:#0e6fda url(../images/lx02.jpg) no-repeat top center;*/ background: #0e6fda;}
.contact02{ padding-top:17px; height:65px; text-align:center; /*background:url(../images/lx04.jpg) repeat-x left bottom;*/}
.contact02 font{ display:block; color:#fff; font-size:28px; text-transform:uppercase; line-height:1}
.contact02 span{ display:block; color:#fff; font-size:20px; line-height:1}

.contact03,.contact04,.contact05{ line-height:30px; color:#b5c8f7; font-size:14px; border-bottom:#3a4664 solid 1px; background:url(../image/lx05.jpg) no-repeat 25px 20px; font-size:20px; padding:15px 20px 15px 57px;}
.contact03{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.contact04{background:url(../image/lx06.jpg) no-repeat 25px 20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.contact05{ font-size:14px;background:url(../image/lx07.jpg) no-repeat 25px 20px; border:none;}
.contact06{ width:194px; height:168px; margin:0 auto; background:#0e6fda; text-align:center;}
.contact06 img{ margin-top:14px;}








/*主体样式*/
#container{width:1100px;margin:0 auto;margin-top:10px;}

.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}


/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
.foonavf{ width:100%;color:#c5bdbb; height:50px; padding:20px 0 0; text-align:center; background:#0056aa}
.foonavf .nnf{ float:left; width:850px; color:#445277;text-align:left;}
.foonavf a{color:#fff; display:inline-block; padding:0 3px; font-size:15px; position:relative; text-align:left;height:26px; line-height:26px;}
.fri_link{ width:100%;color:#fff;height:164px; line-height:30px;  margin:0;  color:#999;}
.fri_link .atitle{ float:left; margin:40px 0 0; background:url(../image/d2.png) left center no-repeat; padding:0 0 0 20px;}
.fri_link .atitle span{display:block;font-size:20px; color:#0a2966; }
.fri_link .atitle font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}

.fri_link a{ float:left; margin:30px 4px 0 0;position:relative; height:91px; width:115px; background-position:center; background-size: auto 100%; background-repeat:no-repeat;}
.fri_link  .nnf{ float:right; width:960px; padding:0 0 0 20px;}
.foonavf .rb{float:right; line-height:30px; padding:0 0 0 30px; height:30px;  background:url(../image/d4.png) left center no-repeat; font-weight:400; text-transform:uppercase;}
.foonavf .rb a{font-size:15px; color:#fff;}
.foonavf .rb a:hover{color:#fff;}

.footer{height:188px; width:100%; clear:both; background-color:#0e6fda; font-size:14px;}
.footer .share_b{ float:right; padding:40px 0 0}

.footer .manager_info{ float:left; width:750px;line-height:45px; padding:20px 0 0; color:#ffffff;}
.footer .manager_info a{color:#ffffff;}
.footer .manager_info span+span{padding-left:20px;}
.wl{width:1130px; margin:0 auto; position:relative;}
.pl_20{padding-left:20px;}



.side_nav{position: fixed;top: 85%;right: 10px;width: 45px; z-index:999}
.side_nav ul li{ cursor:pointer;position: relative;width: 45px;float: right;/* border-bottom: 1px solid #fff; */}
.side_nav ul li a{display:inline-block;height: 45px;position: absolute;top: 0;left: 0;}
.side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;}
.side_nav_3 {width: 45px;height: 45px;}
.side_nav_3 a span{height:128px;position: absolute;right: 45px;bottom: 0px;margin-left: 0!important;display: none;}
.side_nav_3 a{width: 45px;background: url(../image/d7.gif) no-repeat left 0;}
.back_top a{background: url(../image/d7.gif) no-repeat left -45px;}
.back_top {height: 45px;}







/*------------内页-------------------*/
.left .box{margin-bottom:10px;border:#eaeaea 1px solid;}
.left .box h3{height:47px;padding-left:72px;color:#1a1a1a; font-size:18px; font-family:"Microsoft YaHei";
background:url(http://www.hlabc.com/template/default/images/nei2.jpg) no-repeat 0% 100%;line-height: 47px;font-weight: 400;}
.left .box .content{padding:5px 10px;}

.left .box1{margin-bottom:10px;border:#eaeaea 1px solid;}
.left .box1 h3{height:88px;padding-left:72px;color:#1a1a1a; font-size:18px; font-family:"Microsoft YaHei";
background:url(../image/nei1.jpg) no-repeat 0% 100%;line-height: 88px;font-weight: 400;}
.left .box1 .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1600px;margin:0 auto;position: relative;left: 50%;margin-left: -800px;}
.n_banner img{width:1600px;margin:0 auto}
.left{width:238px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:840px;float:right;padding-bottom:10px;}
.sitemp{line-height:60px;height:60px;overflow:hidden;padding-right:10px;border-bottom:1px solid #ddd;}
.sitemp h2{font-size:18px; color:#515357;background:url(../image/d6.gif) left no-repeat;border-bottom:1px solid #4f5e86;padding-left: 30px;float: left;}
.sitemp .site{float:right;text-align:right;line-height:60px;}
.right .content{padding-top:15px;overflow:hidden;line-height: 24px;}